<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>个人信息</title>
    <script src="/webjars/jquery/3.5.1/jquery.min.js"></script>
    <script src="/webjars/bootstrap/5.1.0/bootstrap.min.js"></script>
    <link th:href="@{/webjars/bootstrap/5.1.0/css/bootstrap.css}" rel="stylesheet">
    <link th:href="@{/css/signin.css}" rel="stylesheet">
    <style>
        input{
            border: 0;
            outline: none;
            background-color: rgba(0, 0, 0, 0);
        }
        .button {
            color:#333;
            line-height:normal;
            font-family:"Microsoft YaHei",Tahoma,Verdana,SimSun;
            font-style:normal;
            font-variant:normal;
            font-size-adjust:none;
            font-stretch:normal;
            font-weight:normal;
            margin-top:0px;
            margin-bottom:0px;
            margin-left:0px;
            padding-top:4px;
            padding-right:4px;
            padding-bottom:4px;
            padding-left:4px;
            font-size:15px;
            outline-width:medium;
            outline-style:none;
            outline-color:invert;
            border-top-left-radius:3px;
            border-top-right-radius:3px;
            border-bottom-left-radius:3px;
            border-bottom-right-radius:3px;
            text-shadow:0px 1px 2px #fff;
            background-attachment:scroll;
            background-repeat:repeat-x;
            background-position-x:left;
            background-position-y:top;
            background-size:auto;
            background-origin:padding-box;
            background-clip:border-box;
            background-color:rgb(255,255,255);
            margin-right:8px;
            border-top-color:#ccc;
            border-right-color:#ccc;
            border-bottom-color:#ccc;
            border-left-color:#ccc;
            border-top-width:1px;
            border-right-width:1px;
            border-bottom-width:1px;
            border-left-width:1px;
            border-top-style:solid;
            border-right-style:solid;
            border-bottom-style:solid;
            border-left-style:solid;
        }
        .button:focus {
            border: 1px solid #fafafa;
            -webkit-box-shadow: 0px 0px 6px #007eff;
            -moz-box-shadow: 0px 0px 5px #007eff;
            box-shadow: 0px 0px 5px #007eff;


        }
    </style>

</head>
<body>
<form  th:action="@{/personalInformation/submit}"  method="post">
    <table class="table table-striped table-bordered table-hover">
        <thead>
        <tr>
            <th>
                姓名
            </th>
            <th>
                学号
            </th>
            <th>
                年级
            </th>
            <th>
                专业
            </th>
            <th>
                学院
            </th>
        </tr>

        </thead>
        <tbody>
        <tr>
            <td >
                <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
                        onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
                        name="name" required="required" th:value="${Information['name']}">
            </td>
            <td >
                <input onkeyup="value=value.replace(/[^\d]/g,'') "
                       onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
                       required="required"
                       name="no" th:value="${Information['no']}">
            </td>
            <td>
                <input onkeyup="value=value.replace(/[^\d]/g,'') "
                       onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
                       required="required"
                       name="grade" th:value="${Information['grade']}">
            </td>
            <td>
                <select  th:value="${Information['major']}" name="major" >
                    <option th:selected="${Information['major'] == '数媒'}" value="数媒">数媒</option>
                    <option th:selected="${Information['major'] == '软件工程'}" value="软件工程">软件工程</option>
                </select>
            </td>
            <td>
                <select  name="college" >
                    <option th:selected="${Information['college'] == '计算机'}" value="计算机">计算机</option>
                    <option th:selected="${Information['college'] == '土木'}" value="土木">土木</option>
                </select>
            </td>

        </tr>

        </tbody>
    </table>



    <input class="button" type="submit" value="提交修改结果">
</form>
<a th:href="@{/courseSelect}">
    <input class="button" type="button" value="选课">
</a>
</body>
</html>